<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/layout/templatePersonaAdministrada.xhtml">
	<ui:define name="title">
		<title>Registrar Solicitud del Proceso</title>
	</ui:define>
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h:form id="formRegPer">
			<br />
			<table width="90%" align="center" border="0">
				<tr>
					<td
						style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 1<br /> Buscar Servicio </font></td>
					<td
						style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 2<br /> Verificar Detalle Servcio </font></td>
					<td
						style="background: #F9B140 url('imagenes/reglaParte2.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 3<br /> Enviar Servicio </font></td>
				</tr>
			</table>
			<br />
			<p:panel
				header="Registro de solicitud de servicios - #{procesoBM.objproceso.nombreProceso}"
				id="formulario">
				<p:dataTable id="listRequisitos" style="width: 98%;"
					value="#{personaBM.lstdetalleProcesoRequisito}" var="d">
					<p:columnGroup type="header">
						<p:row>
							<p:column rowspan="2" headerText="N°"
								style="text-align: center; width: 5%;" />
							<p:column rowspan="2" headerText="Nombre del Requisito"
								style="width: 45%;" />
							<p:column colspan="3" headerText="Adjuntar requisito" />
						</p:row>
						<p:row>
							<p:column headerText="Subir"
								style="text-align: center; width: 5%;" />
							<p:column headerText="Nombre Archivo" style="width: 40%;" />
							<p:column headerText="Eliminar"
								style="text-align: center; width: 5%;" />
						</p:row>
					</p:columnGroup>
					<p:column id="codigo_requisito" style="text-align: center;">
						<h:outputText value="#{d.numrequi}" />
					</p:column>
					<p:column id="nombre_requisito">
						<h:outputText value="#{d.nombreRequisito}"
							title="#{d.descripcion}" />
					</p:column>
					<p:column style="text-align: center;">
						<p:commandLink immediate="true" 
							actionListener="#{personaBM.actionCapturaCodigoRequisito}"
							oncomplete="upFileReqRegProc.show()">
							<h:graphicImage url="/images/botton/uploadFiles.png"
								title="Subir archivo" style="border:0" />
							<f:param name="idDetalleProceso" value="#{d.idrequi}"
								id="idDetalleProceso" />
						</p:commandLink>
					</p:column>
					<p:column>
						<h:outputText value="#{d.nombreArchivo}" disabled="true"
							style="width: 100%; font-weight: bold; color:#000000;" />
					</p:column>
					<p:column style="text-align: center;">
						<p:commandLink update="formRegPer:listRequisitos msjA formRegPer:uploadFile" 
							actionListener="#{personaBM.eliminarRequisitoSeleccionado}">
							<h:graphicImage url="/images/botton/deleteFiles.png"
								title="Eliminar archivo subido" style="border:0" />
							<f:param name="idReqEli" value="#{d.idrequi}" id="idReqEli" />
						</p:commandLink>
					</p:column>
				</p:dataTable>
				<br />
				<div align="center">
					<h:commandButton image="images/botton/regiProcess.png"
						action="#{personaBM.registrarProceso}" ajax="false"
						title="Registrar solicitud" type="button"
						style="width: 200px; height: 50px;"
						onclick="statusDialogRegProc.show();" />
				</div>
				<br />
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>